<div
  bsModal
  #actionModal="bs-modal"
  class="modal fade"
  tabindex="-1"
  role="dialog"
  aria-labelledby="actionModal"
  aria-hidden="true"
  [config]="{ backdrop: 'static' }"
>
  <div class="modal-dialog modal-lg">
    <div class="modal-content">
      <form *ngIf="active" #editForm="ngForm" novalidate (ngSubmit)="save()">
        <div class="modal-header">
          <h4 class="modal-title">
            <span>{{ actAbnormal }}</span
            >&nbsp;&nbsp;&nbsp;
            <small class="text-success">{{ pipe.taskCode }}&nbsp;&nbsp;|&nbsp;&nbsp;{{ pipe.drawingCode }}</small>
          </h4>
          <button type="button" class="close" (click)="close()" aria-label="Close">
            <span aria-hidden="true">&times;</span>
          </button>
        </div>

        <div class="modal-body">
          <h5 class="mb-4">
            <i class="fa fa-cubes"></i> 异常节点(<span>{{ actNames.length }}</span
            >)
          </h5>
          <hr />
          <div class="text-danger" *ngFor="let actName of actNames">
            <h5 style="margin-top: 10px;">{{ actName }}</h5>
          </div>
        </div>

        <div class="modal-footer">
          <button [disabled]="saving" type="button" class="btn btn-default" (click)="close()">{{ l('Cancel') }}</button>
          <button
            type="submit"
            class="btn btn-primary blue"
            [disabled]="!editForm.form.valid"
            [buttonBusy]="saving"
            [busyText]="'触发中...'"
          >
            <i class="fa fa-check-circle"></i> <span>触发</span>
          </button>
        </div>
      </form>
    </div>
  </div>
</div>
